* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html,body{
	-webkit-user-select:none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color:transparent;
	-webkit-user-select:none;
	-webkit-touch-callout:none;
	-webkit-touch-callout:none;
} 
body {margin:0px auto; background: #fff; color:#555; font-family:微软雅黑,sans-serif; width: 100%; font-size: 75%; overflow-x: hidden;}
div,ul,ol,dl,dt,dd,li,dl,h1,h2,h3,h4,h5,h6,p,pre,table,caption,th,td,form,input,button,select,textarea{margin:0; padding:0; list-style:none;}

header, article, section, aside, footer, figure, nav{display: block;}

a, a:visited {color:#555; text-decoration: none;
transition:all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
-o-transition:all 0.3s;
-webkit-transition:all 0.3s;
}

a:focus,a:hover{color:#56c4f5; text-decoration: none;}


img {border:none; vertical-align:top;}
.clearfix:after{display: block; content: ""; clear:both;}

.b-blank10{margin:0 0 10px 0;}
.b-blank20{margin:0 0 20px 0;}
.b-blank30{margin:0 0 30px 0;}
.blank10{width:100%; height:10px;}
.blank20{width:100%; height:20px;}
.blank30{width:100%; height:30px;}
.l-blank25{float:left; width:25px; height:10px;}

@font-face {
	font-family: 'hallfetica';
	src:url('../font/hallfetica.eot'); 
	src: 
		url('../font/hallfetica.eot?#iefix') format('embedded-opentype'), 
		url('../font/hallfetica.woff') format('woff'), 
		url('../font/hallfetica.ttf') format('truetype'), 
		url('../font/hallfetica.svg#aGENCYR') format('svg');
}


/************************************************************共用部分开始************************************************************/
.main{width: 100%; margin: 0 auto; position: relative;}

@media screen and (min-width: 1200px){
	.main{width: 1200px;}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.main{width: 100%; max-width:1000px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.main{padding: 0 15px;}
}
@media screen and (max-width: 767px){
	body{padding: 0 0 55px 0;}
	.main{padding: 0 15px;}
}


/*top*/
header{
    background-color: rgba(174, 227, 243, 0.95);
/*background:url(/templets/mb/style/top_bg.png) #f2f2f2; */
box-shadow: 0 0 10px rgba(0,0,0,0.1); 
/*position: relative; */
z-index: 9999;
    width: 100%;
    /* height: 30px; */
    position: fixed;
    top: 0;
    left: 0;
}
header .top{background:#333; height: 40px; line-height: 40px; color: #fff; position: relative; z-index: 200;}
header .top h2{float: left; font-size: 1em; font-weight: normal;}
header .top ul{float: right; background: #56c4f5; position: relative; padding-left: 10px; padding-right: 5px;}
header .top ul:before{position: absolute; left:-43px; top: 0px; display: inline-block; content: url(/templets/mb/style/index_02.png)}
header .top ul:after{position: absolute; right: -100%; top: 0px; display: block; content: ""; background: #56c4f5; width: 100%; height: 40px; z-index: 999;}

header .top ul li{float: left; position: relative; color: #fff; z-index: 100;}
header .top ul li:before{float: left; margin: 15px 10px 0 10px; display: inline-block; content: ""; width: 1px; height: 11px; background: #f27c92;}
header .top ul li:first-child:before{display: none;}
header .top ul li:first-child{font-weight: bold; font-size: 14px;}
header .top ul li a,
header .top ul li a:visited,
header .top ul li a:hover{color: #fff;}
header .top ul li i{margin: 0 5px 0 0; font-size: 14px;}
header .top ul li i img{margin: 7px 0 0 0;}
header .top ul li .xl_sj_box{position: absolute; z-index: 110; left: 50%; top_box: 38px; margin: 0 0 0 -55px; padding: 10px 0 0 0; display:none;}
header .top ul li .xl_sj_box .xl_sj{background: #fff; box-shadow: 0 0 5px #c9c9c9; text-align: center; color: #888; line-height: 30px; position: relative; behavior:url(pie.htc);}
header .top ul li .xl_sj_box .xl_sj i{position: absolute; left: 50%; margin: 0 0 0 -12px; top: -19px; }
header .top ul li .xl_sj_box .xl_sj>img{float: left; width: 95px; height: 95px; background: #ccc; margin: 10px 10px 0 10px;}
header .top ul li:hover .xl_sj_box{display: block;}


header .logo{float: left; height: 100px; line-height: 100px;}
header .logo img{display: inline; vertical-align: middle;}

header .mmenu{position: absolute; right: 0px; top: 0px; bottom: 0px; width: 50px; text-align: center; display: none;}
header .mmenu i{color: #999; font-size: 24px; position: relative; top: 35%;}

@media screen and (min-width: 768px) and (max-width: 991px){
	header .logo{height: 70px; line-height: 70px;}
	header .logo img{max-height: 45%;}
}
@media screen and (max-width: 767px){
	header .top{display: none;}
	header .logo{height: 60px; line-height: 60px;}
	header .logo img{max-height: 40%;}
	
	header .mmenu{display: block;}
}

.nav {/*float: right;*/}
.nav ul{position: relative; z-index: 10;}
.nav ul li{ margin-left: 22px; position:relative; float:left; z-index:50; text-align: center;}
.nav ul li a{display:block; font-size:1.33em; line-height: 97px; padding: 0 5px; border-bottom: 3px solid transparent; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.nav ul li a:hover,
.nav ul li a.on,
.nav ul li a.selected{border-bottom-color: #56c4f5; color: #0777f8; font-weight: bold;}
* HTML .nav ul li a{display: inline-block}

.nav ul li ul{position: absolute; width:170%; visibility:hidden; z-index:999999;}
.nav ul li ul li{width: 100%; background: #f0f0f0; margin-left: 0px;}
.nav ul li ul li a{overflow:hidden; line-height:38px; height:38px; text-align: left; text-indent: 10px; font-weight:normal; font-size: 12px; border-bottom: 1px solid #e7e7e7;}
.nav ul li ul li a:after{display: none;}
.nav ul li ul li a.selected,
.nav ul li ul li a:hover{background:#56c4f5; color: #fff; font-weight: normal;}
.nav ul li ul li ul{width: 100%;}

* HTML .nav {height: 1%}
.downarrowclass {position: absolute; top: -1000px; right: 7px}
.rightarrowclass {position: absolute; top: 8px; right:15px}
.ddshadow {position: absolute; width: 0px; background:none transparent scroll repeat 0% 0%; height: 0px; top: 0px; LEFT: 0px}
.toplevelshadow {opacity: 0.0}
.nav ul li img{display: none;}

@media screen and (min-width: 768px) and (max-width: 991px){
	.nav ul li{margin-left: 10px;}
	.nav ul li a{font-size: 1em; line-height: 67px;}
}
@media screen and (max-width: 767px){
	.nav{display: none;}
}


footer{background: #222;}
footer ul{margin-bottom: 50px; overflow: hidden;}
footer ul li{float: left; position: relative; padding-top: 48px; padding-left: 22px; border-left: 1px solid #323232; width: 14.5%; min-height: 225px;}
footer ul li:before{position: absolute; left: 0px; top: 0px; width: 1px; height: 100%; display: block; content: ""; background: #000;}
footer ul li h2{position: relative; padding-bottom: 15px; font-size: 1.16em; font-weight: normal; color: #cacaca;}
footer ul li h2:before{position: absolute; left: -23px; top: 0px; display: block; content: ""; width: 2px; height: 20px; background: #56c4f5;}
footer ul li p{line-height: 25px; color: #787878;}
footer ul li p a{color: #787878;}
footer ul li p a:hover{color: #fff;}
footer ul li.lxwm{width: 27.5%;}

footer .foot{background: #1f1f1f; height: 130px; color: #787878;}
footer .foot h2{float: left; padding-top: 25px; font-size: 1em; font-weight: normal; line-height: 26px;}
footer .foot h2 a{margin: 0 12px; color: #787878;}
footer .foot h2 a:hover{color: #fff;}
footer .foot h2 a:first-child{margin-left: 0px;}

footer .foot h3{float: right; padding-top: 18px; font-size: 1em; font-weight: normal; text-align: right;}
footer .foot h3 span{float: right;}
footer .foot h3 span img{float: left; margin-left: 12px; width: 70px; height: 70px;}
footer .foot h3 i{display: inline-block; padding-top: 10px; font-style: normal; line-height: 25px;}
@media screen and (min-width: 768px) and (max-width: 991px){
	footer ul{margin-bottom: 30px;}
	footer ul li{padding-top: 40px; }
}
@media screen and (max-width: 767px){
	footer{display: none;}
}


.m_menu{display: none; position: fixed; z-index: 9999; left: 0px; bottom: 0px; width: 100%; overflow: hidden; height: 55px; background: #222;}
.m_menu li{float: left; width: 25%; height: 55px; text-align: center; border-right: 1px solid #555;}
.m_menu li i{display: block; padding: 12px 0 5px 0; font-size: 18px!important;}
.m_menu li:first-child{border-left: none;}
.m_menu li:nth-child(4){border-right: none;}
.m_menu li a{display: block; color: #fff; height: 55px;}

@media screen and (min-width: 768px) and (max-width: 991px){
	
}
@media screen and (max-width: 767px){
	.m_menu{display: block;}
}


/************************************************************共用部分结束************************************************************/

/************************************************************首页样式开始************************************************************/
/*幻灯片*/
.banner{position: relative;}
.banner img {width: 100%; max-height: 100%;}
.banner div{position: relative; z-index: 2}

@media screen and (min-width: 992px) and (max-width: 1199px){
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.slick-dots {bottom:70px!important;}
	.slick-dots li button {height:4px!important; width:45px!important;}
}
@media screen and (max-width: 767px){
	.slick-dots {bottom:10px!important;}
	.slick-dots li button {height:4px!important; width:37px!important;}
}

.main_bg{background: #f2f2f2;}
.main_bgxw{background-image: url(/templets/mb/style/xwbg.jpg);}

.qt_list{margin-top: -70px; overflow: hidden; background: #fff; border-bottom: 3px solid #56c4f5; border-radius: 5px; box-shadow: 0 0 50px rgba(0,0,0,0.15); position: relative; z-index: 10;}
.qt_list li{float: left; width: 20%; text-align: center; position: relative;}
.qt_list li:before{position: absolute; left: 0px; top: 40px; bottom: 30px; display: block; content: ""; width: 1px; background: #dcdcdc;}
.qt_list li:first-child:before{display: none;}
.qt_list li i{color: #56c4f5; font-size: 50px; line-height: 1;}
.qt_list li h2{padding-top: 15px; font-weight: normal; font-size: 1.16em;}
.qt_list li a{display: block; padding: 40px 0 30px 0;}
.qt_list li a:hover{background: #c8000b;}
.qt_list li a:hover i,
.qt_list li a:hover h2{color: #fff;}
.qt_list li:hover:before{display: none;}
@media screen and (min-width: 768px) and (max-width: 991px){
	.qt_list{margin-top: -60px;}
	.qt_list li i{font-size: 36px;}
	.qt_list li a{padding: 30px 0 20px 0;}
	.qt_list li h2{font-size: 1em;}
}
@media screen and (max-width: 767px){
	.main_bg{overflow: hidden;}
	
	.qt_list{margin-top: 15px;}
	.qt_list li:before{top: 15px; bottom: 15px;}
	.qt_list li a{padding: 15px 10px; height: 80px;}
	.qt_list li i{font-size: 20px;}
	.qt_list li h2{padding-top: 10px; font-size: 0.83em;}
}


/*共用标题*/
.part1{margin-top: 70px; margin-bottom: 30px; text-align: center;}
.part1 h2{font-family: "hallfetica"; font-size: 2.5em; font-weight: normal; line-height: 1; text-transform: uppercase;}
.part1 h3{display: inline-block; padding-top: 15px; font-size: 1.5em; color: #56c4f5; font-weight: normal; line-height: 1;}
.part1 h3:before,
.part1 h3:after{position: relative; top: -5px; display: inline-block; content: ""; width: 14px; height: 1px; background: #56c4f5;}
.part1 h3:before{margin-right: 8px;}
.part1 h3:after{margin-left: 8px;}
@media screen and (min-width: 768px) and (max-width: 991px){
	.part1{margin-top: 40px; margin-bottom: 20px;}
	.part1 h2{font-size: 2.33em;}
}
@media screen and (max-width: 767px){
	.part1{margin-top: 30px; margin-bottom: 15px;}
	.part1 h2{font-size: 1.83em;}
	.part1 h3{padding-top: 2px; font-size: 1.16em;}
	.part1 h3:before,
	.part1 h3:after{top: -4px; width: 10px;}
}

/*产品展示*/
.list1{overflow: hidden; margin-left: -1px; width: 1200px;
    margin: 0 auto;}
.list1 li{    float: left;
    width: 23%; border: 3px solid #fff;
    margin: 1%;}
.list1 li a{display: block; /*margin: 0 0 1px 1px;*/ position: relative; overflow: hidden;}
.list1 li span{display: block; position: relative; padding-bottom: 70%;}
.list1 li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #ccc;}
.list1 li .pro_con{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; padding: 8% 10% 0 10%; z-index: 10; text-align: center; opacity: 0; filter:Alpha(opacity=0);}
.list1 li .pro_con:before{position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; content: ""; background: #000; opacity: 0.7; filter:Alpha(opacity=70); z-index: -1;}
.list1 li .pro_con h2{font-size: 1.5em; color: #fff; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list1 li .pro_con h2:after{display: block; content: ""; margin: 15px auto; width: 30px; height: 2px; background: #56c4f5;}
.list1 li .pro_con p{line-height: 25px; color: #fff;}
.list1 li .pro_con i{margin-top: 5%; display: inline-block; width: 40px; height: 40px; line-height: 35px; border: 1px solid #fff; color: #fff; font-size: 24px; font-style: normal; border-radius: 50%; position: relative; behavior:url(pie.htc);}
.list1 li a:hover .pro_con{opacity: 1; filter:Alpha(opacity=100);}
.list1 li .pro_con{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
.list1 li .pro_tit{position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; padding: 15% 13.75%; color: #fff; background: #56c4f5; z-index: 5;}
.list1 li .pro_tit h2{font-family: Arial; text-transform: uppercase; font-size: 2.5em;}
.list1 li .pro_tit h3{font-size: 2em; font-weight: normal;}
.list1 li .pro_tit p{padding-top: 10%; font-size: 1.33em;}
.list1 li .pro_tit p span{font-size: 0.85em;}
.list1 li a:hover span img{
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}
.list1 li span img{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}

@media screen and (min-width: 768px) and (max-width: 991px){
	.list1 li .pro_con h2{font-size: 1.33em;}
	.list1 li .pro_con h2:after{margin: 10px auto;}
	.list1 li .pro_con p{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	.list1 li .pro_con i{margin-top: 5%; width: 35px; height: 35px; line-height: 32px; font-size: 20px;}
	
	.list1 li .pro_tit{}
	.list1 li .pro_tit h2{font-size: 1.83em;}
	.list1 li .pro_tit h3{font-size: 1.33em;}
}
@media screen and (max-width: 767px){
	.list1 li{width: 50%;}
	.list1 li .pro_con{}
	.list1 li .pro_con h2{font-size: 1.16em;}
	.list1 li .pro_con h2:after{width: 20px;}
	.list1 li .pro_con p{display: none;}
	.list1 li .pro_con i{margin-top:0; width: 30px; height: 30px; line-height: 28px; font-size: 16px;}
	
	.list1 li .pro_tit{padding: 10% 10%;}
	.list1 li .pro_tit h2{font-size: 1.33em;}
	.list1 li .pro_tit h3{font-size: 1.16em;}
	.list1 li .pro_tit p{font-size: 1em;}
}

.more{padding: 40px 0 50px 0; text-align: center;}
.more a{display: inline-block; padding: 0 38px; height: 40px; line-height: 40px; font-size: 1.16em; color: #56c4f5; border: 1px solid #56c4f5; border-radius: 50px; position: relative;  behavior:url(pie.htc);}
.more a:hover{background: #56c4f5; color: #fff;}
@media screen and (min-width: 768px) and (max-width: 991px){
	.more{padding: 30px 0 38px 0;}
	.more a{height: 35px; line-height: 35px; font-size: 1em;}
}
@media screen and (max-width: 767px){
	.more{padding: 20px 0 25px 0;}
	.more a{padding: 0 30px; height: 30px; line-height: 30px; font-size: 1em;}
}

/*关于我们*/
.main_bg2{/*background: #f8f8f8;*/ 
    background-image: url(/templets/mb/style/jjbg.jpg);
overflow: hidden;}
.about{margin: 102px auto 98px auto;
    background: #56c4f5;
    height: 408px;
    border-radius: 5px;
    box-shadow: 0 0 40px rgba(0,0,0,0.08);}
.about .about_img{float: left;
    margin: 51px 0 -43px 3.75%;
    width: 39.16%;}
.about .about_img i{display: block; position: relative; /*padding-bottom: 102%;*/}
.about .about_img i img{    position: absolute;
    left: 0px;
    top: 0px;
    /* width: 100%; */
    /* height: 100%; */
    border-radius: 5px;
    behavior: url(pie.htc);}
.about .about_con{float: right; margin-right: 6%; width: 45.41%; padding-top: 4.25%;}
.about .about_con h2{    font-size: 2.2em;
    font-weight: bold;
    color: #fff;
    line-height: 1;}
.about .about_con h2 span{padding-left: 10px;
    font-size: 0.88em;
    color: #117ef8;
    font-weight: normal;}
.about .about_con h2:after{margin: 24px 0; display: block; content: ""; width: 30px; height: 2px; background: #56c4f5;}
.about .about_con p{    font-size: 1.3em;
    color: #fff;
    line-height: 30px;}
.about .about_con a{margin-top: 30px;
    display: inline-block;
    width: 150px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    font-size: 1.16em;
    color: #fff;
    background: #2da3f6;
    border-radius: 5px;
    position: relative;
    behavior: url(pie.htc);}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.about .about_img{width: 42%;}
	.about .about_con{padding-top: 2%;}
	.about .about_con h2:after{margin: 20px 0 15px 0;}
	.about .about_con a{margin-top: 20px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.about{margin-top: 80px; margin-bottom: 70px;}
	.about .about_img{width: 45%; margin-left: 3%;}
	.about .about_con{margin-right: 2%; padding-top: 4.5%;}
	.about .about_con h2:after{margin: 20px 0;}
	.about .about_con p{font-size: 1em; line-height: 24px;}
	.about .about_con a{margin-top: 20px;}
}
@media screen and (max-width: 767px){
	.about{margin-top: 0px; margin-bottom: 0px; overflow: hidden; box-shadow: 0 0 40px rgba(0,0,0,0.05);}
	.about .about_img{float:none; width: auto; margin: 15px 0; }
	
	.about .about_con{float: none; width: auto; margin-right: 0px;}
	.about .about_con h2{font-size: 1.33em;}
	.about .about_con h2:after{margin: 15px 0;}
	.about .about_con p{font-size: 1em; line-height: 24px;}
	.about .about_con a{margin-top: 10px; font-size: 1em; width: 100px; height: 32px; line-height: 32px;}
}
/*门店展示*/
.fw_box{background: #fff; margin-bottom: 55px; border-top: 3px solid #56c4f5; padding: 36px 25px; text-align: center;}
.fw_list{_display:inline;}
.fw_list a{display: block; margin: 0 11px;}
.fw_list span{display: block; position: relative; padding-bottom: 75%; overflow: hidden;}
.fw_list span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.fw_list h2{padding-top: 10px; font-size: 1.16em; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.fw_list a:hover span img{
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}
.fw_list span img{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.fw_box{padding: 30px 15px; margin-bottom: 20px;}
}
@media screen and (max-width: 767px){
	.fw_box{padding: 20px 10px; margin-bottom: 15px;}
	.fw_list a{margin: 0 8px;}
	
	.slick-prev,
	.slick-next{margin: 10px 3px 0 3px!important; width: 60px!important; height: 25px!important; line-height: 25px!important;}
}

/*公司实力*/
.gssl_left{float: left; width: 66.25%; margin: 50px 0;}
.gssl_list{overflow: hidden; border-left: 1px solid #e7e7e7;}
.gssl_list li{float: left; width: 33.33%; padding: 3% 2% 2% 2%; background: #fff; border: 1px solid #e7e7e7; border-left: none; text-align: center;}
.gssl_list li i{color: #56c4f5; font-size: 40px;}
.gssl_list li h2{padding: 10px 0; font-size: 1.5em; color: #000; font-weight: normal;}
.gssl_list li p{line-height: 22px; color: #888;}

.gssl_con{}
.gssl_con h2{padding: 35px 0 12px 0; font-size: 1.33em; line-height: 1; font-weight: normal;}
.gssl_con p{line-height: 25px; color: #888;}
.gssl_con a{margin-top: 25px; display: block; width: 130px; height: 40px; line-height: 40px; text-align: center; font-size: 1.16em; border: 1px solid #56c4f5; color: #56c4f5;}
.gssl_con a:hover{background: #56c4f5; color: #fff;}

.gssl_right{float: right; width: 30.83%; margin: 50px 0;}
.gssl_part{background: #333; overflow: hidden; height: 110px; }
.gssl_part h2{color: #fff; padding: 30px 0 0 9.5%; font-size: 1.16em; font-weight: normal;}
.gssl_part h2 i{float: left; font-size: 46px; margin-right: 10px;}
.gssl_part h2 span{padding-top: 5px; display: block; font-size: 1.28em; font-family: Arial;}
.gssl_part h3{float: right; background: #56c4f5; height: 110px; padding: 30px 10.8%; color: #fff; font-size: 20px;}

.gssl_img{position: relative; padding-bottom: 76.21%;}
.gssl_img img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.gssl_list li{min-height: 204px;}
	.gssl_list li i{font-size: 36px;}
	.gssl_list li h2{font-size: 1.33em;}
	
	.gssl_con h2{padding-top: 25px;}
	.gssl_con a{margin-top: 15px; width: 110px; height: 32px; line-height: 32px; font-size: 1em;}
	
	.gssl_part{height: 90px;}
	.gssl_part h2{padding-top: 20px; padding-left: 6%;}
	.gssl_part h2 i{font-size: 40px;}
	.gssl_part h3{height: 90px; padding: 20px 9% 0 9%; font-size: 16px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.gssl_part{height: 80px;}
	.gssl_part h2{float: none; padding-top: 25px; padding-left: 5%; font-size: 1em;}
	.gssl_part h2 i{font-size: 36px;}
	.gssl_part h2 span{padding-top: 0px;}
	.gssl_part h3{padding:18px 8% 0 8%; font-size: 16px; font-weight: normal;}
}
@media screen and (max-width: 767px){
	.gssl_left{float: none; width: auto;  margin: 15px 0;}
	.gssl_list{display: flex;}
	.gssl_list li{flex: 1;}
	.gssl_list li i{font-size: 30px;}
	.gssl_list li h2{padding: 5px 0; font-size: 1.16em;}
	
	.gssl_con h2{padding-top: 20px; padding-bottom: 10px; font-size: 1.16em; line-height: 1.3;}
	.gssl_con p{line-height: 22px;}
	.gssl_con a{margin-top: 15px; width: 100px; height: 30px; line-height: 30px; font-size: 1em;}
	
	.gssl_right{float: none; width: auto;  margin: 15px 0;}
	.gssl_part{height: 70px;}
	.gssl_part h2{float: none; padding-top: 15px; padding-left: 5%;}
	.gssl_part h2 i{font-size: 36px;}
	.gssl_part h2 span{padding-top: 0px;}
	.gssl_part h3{padding:0 8%; line-height: 70px; font-size: 18px; font-weight: normal;}
	.gssl_part h3 br{display: none;}
}

/**/
.ggw{        background: url(/templets/mb/style/ggw.jpg) no-repeat center;
    height: 218px;
    text-align: center;
    color: #09902d;
    background-color: #f2f2f2;
    font-weight: 900;}
.ggw h2{padding-top: 62px; padding-bottom: 18px; font-size: 2.5em; font-weight: normal; /*font-style: italic;*/ line-height: 1;}
.ggw h2 font{    color: #0777f8;
    font-size: 40px;
    font-weight: 1000;}
.ggw h3{font-weight: normal; text-transform: uppercase; font-size: 1em;}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.ggw h2{font-size: 2.33em}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.ggw h2{font-size: 2em}
}
@media screen and (max-width: 767px){
	.ggw{height: auto; background-size:cover; padding: 20px 0;}
	.ggw h2{padding-top: 0px; padding-bottom: 10px; font-size: 1.16em; line-height: inherit;}
	.ggw h2 span{display: block;}
	.ggw h3{font-size: 0.83em;}
}

.list2{overflow: hidden;}
.list2 dl{float: left; width: 47.5%; background: #fff; overflow: hidden;}
.list2 dl span{display: block; position: relative; width: 100%; padding: 0 0 53%; overflow: hidden;}
.list2 dl span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #ccc;}
.list2 dl dt{position: relative; margin: 15px 15px 10px 15px; padding: 0 80px 0 0; font-size: 1.33em; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list2 dl dt a,.list2 dl dt a:visited{color: #333;}
.list2 dl dt a:hover{color: #56c4f5;}
.list2 dl dt i{position: absolute; right: 0px; top: 2px; color: #888; font-size: 0.75em; font-weight: normal; font-style: normal;}
.list2 dl dd{margin: 0 15px 30px 15px; line-height: 24px; color: #888; overflow: hidden;}
.list2 dl dd a,
.list2 dl dd a:visited,
.list2 dl dd a:hover{color: #56c4f5;}
.list2 dl span a:hover img{
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}
.list2 dl span img{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}

.list2 ul{float: right; width: 50%;}
.list2 ul li{margin-top: 20px; background: #fff; overflow: hidden;}
.list2 ul li:first-child{margin-top: 0px;}
.list2 ul li span{float: left; border-right: 1px solid #e9e9e9; margin-right: 27px; width: 127px; text-align: center; font-size: 1.5em; color: #333; font-family: Arial;}
.list2 ul li span i{margin: 0 0 10px 0; display: inline-block; font-size: 1.44em; font-style: normal; color: #888; border-bottom: 1px solid #d8c1a8; padding: 5px 0;}
.list2 ul li h2{padding: 0 15px 7px 0; font-size: 1.33em; font-weight: normal; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list2 ul li p{padding-right: 10px; line-height: 25px; height: 50px; overflow: hidden; font-size: 1em; color: #888;}
.list2 ul li a{display: block; padding: 25px 0;}
.list2 ul li a:hover{background: #56c4f5; color: #fff;}
.list2 ul li a:hover span,
.list2 ul li a:hover span i,
.list2 ul li a:hover h2,
.list2 ul li a:hover p{color: #fff;}
.list2 ul li a:hover span i{border-bottom-color: #fff;}

@media screen and (min-width: 992px) and (max-width: 1199px){
	.list2 ul li a{padding: 21px 0;}
	.list2 ul li span{margin-right: 22px; width: 110px; font-size: 1.33em;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.list2 ul li{margin-top: 3%;}
	.list2 ul li span{margin-right: 20px; width: 90px; font-size: 1.16em;}
	.list2 ul li p{line-height: 22px; height: 44px;}
	.list2 ul li a{padding: 4.3% 0;}
}
@media screen and (max-width: 767px){
	.list2 dl{float: none; width: 100%; margin: 0 0 10px 0;}
	.list2 dl dt{margin: 15px 15px 10px 15px; font-size: 1.16em;}
	.list2 dl dd{margin: 0 15px 15px 15px; line-height: 22px;}
	
	.list2 ul{float: none; width: 100%;}
	.list2 ul li{margin-top: 10px;}
	.list2 ul li span{min-width: 70px; width: 15%; font-size: 1em; margin: 0 15px 0 0;}
	.list2 ul li span i{font-size: 1.33em;}
	.list2 ul li h2{font-size: 1.16em;}
	.list2 ul li p{font-size: 1em; line-height: 20px; height: 40px;}
	.list2 ul li a{padding: 15px 0;}
	.list2 ul li a:focus,
	.list2 ul li a:hover{text-decoration: none;}
	
	/*20211011*/
	.xm{max-width: 100%;}
	.xm a{width: 47%!important; margin: 1% !important;}
	.list1{max-width: 100%;}
	.list1 li {    width: 48%;}
	.about {  height: 518px;}
	.about .about_img i img { max-width: 100%;}
    .ggw h2 font { font-size: 20px;}
	  .yswap1 { display: none;	  }

	
	
	/*20211011*/
}


/************************************************************首页样式结束************************************************************/


/************************************************************内页样式开始************************************************************/
.n_banner{background: url(/templets/mb/style/n_banner.jpg) no-repeat top; height: 410px;}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.n_banner{height: 250px; background-size:cover;}
}
@media screen and (min-width: 769px) and (max-width: 991px){
	.n_banner{height: 200px; background-size:cover;}
}
@media screen and (min-width: 480px) and (max-width: 768px){
	.n_banner{height: 150px; background-size:cover;}
}
@media screen and (max-width: 479px){
	.n_banner{height: 100px; background-size:cover;}
}

.breadCrumb{background: #f4f4f4; height:55px; line-height:55px; overflow: hidden; border-top: 2px solid #56c4f5; border-bottom: 1px solid #e7e7e7;}
.breadCrumb h2{float:left; font-size:1.33em; color:#56c4f5;}
.breadCrumb span{float:right; color: #555;}
.breadCrumb span a{margin:0 5px;}
.breadCrumb span:before{display: inline-block; content: "\f041"; font-family:"FontAwesome"; color: #56c4f5; font-size: 14px; margin: 0 8px 0 0;}

@media screen and (min-width: 769px) and (max-width: 991px){
	.breadCrumb{height: 50px; line-height: 50px;}
}
@media screen and (min-width: 480px) and (max-width: 768px){
	.breadCrumb{height: 45px; line-height: 45px;}
	.breadCrumb h2{display: none;}
	.breadCrumb span{float: none; display: block;}
}
@media screen and (max-width: 479px){
	.breadCrumb{height: 45px; line-height: 45px;}
	.breadCrumb h2{display: none;}
	.breadCrumb span{float: none; display: block;}
}

.class_list{background: #f4f4f4; padding: 15px 0 15px 0; border-bottom: 1px solid #e7e7e7;}
.class_list ul{overflow: hidden;}
.class_list ul li{margin: 2px; display: inline-block; height: 35px; text-align: center; line-height: 33px; font-size: 1.16em; vertical-align: top;}
.class_list ul li a{display: block; padding: 0 20px; position: relative; background: #fff; border: 1px solid #e7e7e7; height: 35px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.class_list ul li a:hover,
.class_list ul li a.on{border-color: #56c4f5; background: #56c4f5; color: #fff;}

@media screen and (min-width: 992px) and (max-width: 1199px){
	.class_list ul li{margin-right: 8px; }
}
@media screen and (min-width: 769px) and (max-width: 991px){
	.class_list ul li{margin-right: 6px; font-size: 1em;}
	.class_list ul li a{padding: 0 17px;}
}
@media screen and (min-width: 480px) and (max-width: 768px){
	.class_list{display: none;}
}
@media screen and (max-width: 479px){
	.class_list{display: none;}
}



/*通用详细页 开始*/
.content{padding: 15px 0; line-height: 210%;  font-size: 1.16em;}
.content img{max-width: 100%!important; height: auto!important;}

.title{font-size: 2.17em; color: #333; font-weight: normal; padding: 50px 0 20px 0; text-align: center;}
.time{color: #b0b0b0; padding: 0 0 14px 0; border-bottom: 1px solid #e7e7e7; overflow: hidden; text-align: center;}
.time li{display: inline-block; position: relative;}
.time li i{margin: 0 5px 0 0;}
.time li:before{position: relative; display:inline-block; content: ""; margin: 0 10px; width: 1px; height: 7px; background: #bababa;}
.time li:first-child:before{display: none;}

.fy{margin: 5px 0; padding: 5px; border-top: 1px solid #e7e7e7;}
.fy li{height: 28px; line-height: 28px; color: #c00; font-size: 1.16em; white-space: nowrap; text-overflow: ellipsis;}

.n_part2{border-top: 2px solid #222; overflow: hidden; color: #222; padding: 10px 0 0 5px; font-size: 1.33em;}

.n_list1{overflow: hidden; padding: 10px 0 10px 0;}
.n_list1 li{float: left; width: 50%; height: 32px; line-height: 32px; padding: 0 10px 0 0; overflow: hidden; font-size: 1.16em; white-space: nowrap; text-overflow: ellipsis;}
.n_list1 li:before{display: inline-block; content: ""; float: left; margin: 15px 8px 0 3px; width: 3px; height: 3px; background: #989898;}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.title{padding: 40px 0 15px 0; font-size: 2em;}
}
@media screen and (min-width: 769px) and (max-width: 991px){
	.title{padding: 28px 0 15px 0; font-size: 2em;}
}
@media screen and (min-width: 480px) and (max-width: 768px){
	.title{padding: 20px 0 15px 0; font-size: 1.8em;}
	.time{padding: 0 0 10px 0;}
	.content{padding: 15px 0; font-size: 1.16em; line-height: 210%;}
	
	.fy{margin: 0 0 10px 0;}
	.fy li{height: 25px; line-height: 25px; font-size: 1em;}

	.n_part2{border-top-width: 3px; padding: 10px 0 0 0; font-size: 1.16em;}
	
	.n_list1 li{float: none; width: 100%; font-size: 1em; line-height: 30px; height: 30px;}
	.n_list1 li:before{margin-top: 10px;}
}
@media screen and (max-width: 479px){
	.title{padding: 20px 0 10px 0; font-size: 1.6em; text-align: left;}
	.time{text-align: left;}
	.time li{float: left;}
	.time li:last-child{display: none;}
	.content{padding: 10px 0; font-size: 1em; line-height: 200%;}
	
	.fy{margin: 0 0 10px 0; padding: 5px 0;}
	.fy li{height: 25px; line-height: 25px; font-size: 1em;}

	.n_part2{border-top-width: 2px; padding: 8px 0 0 0; font-size: 1.16em;}
	
	.n_list1 li{float: none; width: 100%; font-size: 1em; line-height: 26px; height: 26px;}
	.n_list1 li:before{margin-top: 10px;}
}
/*通用详细页 结束*/

/*图片列表 开始*/
.img_list{overflow: hidden; margin: 25px 0 15px -15px;}
.img_list li{float: left; width: 25%;}
.img_list li a{display: block; margin: 0 0 0 15px;}
.img_list li span{display: block; position: relative; padding: 0 0 75% 0; border: 3px solid #fff; background: #fff; overflow: hidden;}
.img_list li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.img_list li span em{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #000; opacity:0; filter:alpha(opacity=0); z-index: 10;}
.img_list li span i{position: absolute; left: 50%; top: -20%; z-index: 15; margin: -44px 0 0 -24px; display: block; border: 1px solid #fff; width: 44px; height: 44px; text-align: center; line-height: 40px; font-style: normal; font-size: 40px; color: #fff; font-weight: 100; border-radius: 50%; behavior:url(pie.htc);}
.img_list li h2{font-size: 1.16em; font-weight: normal; text-align: center; padding: 10px 10px 15px 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.img_list li a:hover span{border-color: #d00;}
.img_list li a:hover span img{
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}
.img_list li a:hover em{opacity:0.5; filter:alpha(opacity=50);}
.img_list li a:hover i{top:60%;}
.img_list li span,
.img_list li span img,
.img_list li span em,
.img_list li span i{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}

@media screen and (min-width: 769px) and (max-width: 991px){
	.img_list li{width: 33.33%;}
}
@media screen and (min-width: 480px) and (max-width: 768px){
	.img_list{margin: 15px 0 15px -15px;}
	.img_list li{width: 50%;}
	.img_list li a{margin-left: 15px;}
	.img_list li h2{padding: 10px 10px 13px 10px; font-size: 1em;}
}
@media screen and (max-width: 479px){
	.img_list{margin: 10px 0 10px -10px;}
	.img_list li{width: 50%;}
	.img_list li a{margin-left: 10px;}
	.img_list li h2{padding: 8px 10px 10px 10px; font-size: 1em;}
	.img_list li span i{margin:-30px 0 0 -15px;  width: 30px; height: 30px; line-height: 28px; font-size: 28px;}
}
/*图片列表 结束*/

/*产品列表 开始*/
.img_list2{overflow: hidden; margin: 25px 0 15px -15px;}
.img_list2 li{float: left; width: 25%;}
.img_list2 li a{display: block; margin: 0 0 15px 15px; border: 1px solid #e7e7e7; padding: 5px; text-align: center; overflow: hidden;}
.img_list2 li span{display: block; position: relative; padding: 0 0 70% 0; overflow: hidden;}
.img_list2 li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.img_list2 li h2{padding: 15px 10px 0 10px; font-size: 1.33em; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.img_list2 li h2:after{display: block; content: ""; margin: 10px auto; width: 30px; height: 2px; background: #56c4f5;}
.img_list2 li p{padding: 0 10px; line-height: 22px; height: 44px; overflow: hidden; color: #777;}
.img_list2 li i{display: inline-block; margin: 10px 0 15px 0; padding: 5px 10px; border: 1px solid #56c4f5; color: #56c4f5; font-style: normal; border-radius: 3px; position: relative; behavior:url(pie.htc);}
.img_list2 li a:hover{border-color: #56c4f5;}
.img_list2 li a:hover h2{color: #56c4f5;}
.img_list2 li a:hover span img{
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}
.img_list2 li a:hover i{border-color: #56c4f5; background: #56c4f5; color: #fff;}
.img_list2 li span,
.img_list2 li span img,
.img_list2 li i{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.img_list2 li h2{font-size: 1.25em;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.img_list2 li h2{font-size: 1.16em;}
}
@media screen and (max-width: 767px){
	.img_list2{margin: 10px 0 0 -10px;}
	.img_list2 li{width: 50%;}
	.img_list2 li a{margin: 0 0 10px 10px;}
	.img_list2 li h2{padding: 10px 10px 0 10px; font-size: 1em;}
	.img_list2 li h2:after{margin: 7px auto; width: 20px;}
	.img_list2 li p{line-height: 20px; height: 40px; overflow: hidden;}
	.img_list2 li i{margin-bottom: 10px; font-size: 0.85em; padding: 3px 8px;}
}
/*图片列表 结束*/

/*新闻类 开始*/
.news_list{overflow: hidden; margin-top: 25px;}
.news_list li{overflow: hidden; position: relative; padding-right: 15px; margin-top: 30px; background: #fafafa;}
.news_list li:first-child{margin-top: 0px;}
.news_list li span{float: left; width: 220px; margin-right: 30px;}
.news_list li span i{display: block; position: relative; width: 100%; padding: 0 0 70% 0; overflow: hidden;}
.news_list li span i img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #e7e7e7;}
.news_list li h2{position: relative; font-size: 1.5em; color: #333; font-weight: normal; padding-top: 18px; padding-bottom: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news_list li p{line-height: 26px; color: #888; margin-bottom: 20px; font-size: 1.2em;}
.news_list li em{font-style: normal; color: #888;}
.news_list li em i{margin-right: 5px; color: #adadad;}
.news_list li:hover{background: #eee!important;}
.news_list li:hover span img{
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}
.news_list li:hover h2{color: #d00;}
.news_list li,
.news_list li span i img{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}


@media screen and (min-width: 992px) and (max-width: 1199px){
	.news_list li{margin-top: 20px;}
	.news_list li span{width: 200px; margin-right: 20px;}
	.news_list li h2{padding: 15px 0 8px 0;}
	.news_list li p{height: 58px; margin: 0 0 6px 0; overflow: hidden;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.news_list li{margin-top: 20px; padding-right: 15px;}
	.news_list li span{width: 190px; margin-right: 20px;}
	.news_list li h2{padding: 15px 0 10px 0;}
	.news_list li p{margin-bottom: 10px; height:44px; font-size: 1em; line-height: 22px; overflow: hidden;}
}

@media screen and (max-width: 767px){
	.news_list{margin-top: 10px; padding-bottom: 10px;}
	.news_list li{margin: 10px 0 0 0; padding: 0 10px 0 0;}
	.news_list li span{width: 120px; margin: 0 10px 0 0;}
	.news_list li h2{font-size: 1.16em; padding-top: 8px; padding-bottom: 5px;}
	.news_list li p{margin-bottom: 5px; line-height: 22px; font-size: 1em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	.news_list li em{width:60px; height: 20px; line-height: 20px; font-size: 0.83em;}
}
/*新闻类 结束*/

/*产品详细 开始*/
.m_pro_tit{text-align: center; display: none; padding: 15px 0 10px 0; font-size: 1.5em;}
.pro_img{float:left; width: 47%; margin:25px 0 15px 0; border:1px solid #e7e7e7; padding:3px;}
.pro_img span{display: block; position: relative; width: 100%; padding: 0 0 75% 0;}
.pro_img span img{position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; margin: auto; max-width: 95%; max-height: 95%;}

.pro_js_box{float: right; width: 50%; margin-top: 25px;}
.pro_js_box .pro_js{}
.pro_js_box .pro_js h2{font-size:2em; font-weight:normal; padding:10px 0 15px 0; border-bottom:1px dashed #e7e7e7; color: #333; }
.pro_js_box .pro_js span{line-height:24px; font-size:1.16em; padding:15px 0; border-bottom:1px dashed #e7e7e7; display:block}
.pro_js_box .pro_tel{font-size:1.16em; font-weight:bold; color:#333; padding:10px 0 20px 0; display:block;}
.pro_js_box .pro_tel b{font-size:1.5em; color:#c30000}
.pro_js_box .pro_gm{overflow: hidden; border-bottom:1px dashed #e7e7e7; padding: 0 0 28px 0; margin: 0 0 20px 0;}
.pro_js_box .pro_gm a{float: left; width:125px; height:35px; text-align:center; line-height:35px; overflow:hidden; font-size:1.33em; margin:0 10px 0 0;}
.pro_js_box .pro_gm a:hover{background:#dc3333;}
.pro_js_box .pro_gm a.gm{background:#56c4f5; color: #fff}
.pro_js_box .pro_gm a:hover.gm{background: #56c4f5; color: #fff}
.pro_js_box .pro_gm a.zx{background:#222; color: #fff;}
.pro_js_box .pro_gm a:hover.zx{background: #222; color: #fff;}

@media screen and (min-width: 992px) and (max-width: 1199px){
	.pro_js_box .pro_js h2{font-size: 1.8em}
}	
@media screen and (min-width: 769px) and (max-width: 991px){
	.pro_js_box .pro_js h2{font-size: 1.66em}
	.pro_js_box .pro_js span{padding: 10px 0; font-size: 1em;}
	.pro_js_box .pro_tel{padding-bottom: 15px;}
	.pro_js_box .pro_gm{padding-bottom: 15px; margin-bottom: 10px;}
	.pro_js_box .pro_gm a{width: 105px; height: 32px; line-height: 32px; font-size: 1.13em;}
}
@media screen and (min-width: 481px) and (max-width: 768px){
	.m_pro_tit{display: block;}
	
	.pro_img{float: none; width: 100%; margin: 0px;}
	
	.pro_js_box{float: none; width: auto; margin: 10px 0 0 0;}
	.pro_js_box .pro_js{display: none;}
	.pro_js_box .pro_tel{display: none;}
	.pro_js_box .bdsharebuttonbox{display: none;}
	.pro_js_box .pro_gm{padding: 3px 0 12px 0; margin: 0px; border-bottom: none; text-align: center;}
	.pro_js_box .pro_gm a{float: none; display: inline-block; width: 100px; height: 32px; line-height: 32px; font-size: 1.13em;}
	.pro_js_box .pro_gm a.zx{display: none;}
}
@media screen and (max-width:480px){
	.m_pro_tit{display: block;}
	
	.pro_img{float: none; width: 100%; margin: 0;}
	
	.pro_js_box{float: none; width: auto; margin: 10px 0 0 0;}
	.pro_js_box .pro_js{display: none;}
	.pro_js_box .pro_tel{display: none;}
	.pro_js_box .bdsharebuttonbox{display: none;}
	.pro_js_box .pro_gm{padding: 3px 0 12px 0; margin: 0px; border-bottom: none; text-align: center;}
	.pro_js_box .pro_gm a{float: none; display: inline-block; width: 90px; height: 30px; line-height: 30px; font-size: 1em;}
	.pro_js_box .pro_gm a.zx{display: none;}
}

/*产品订购*/
.order{ margin:15px 0; border: 1px solid #e7e7e7; padding: 10px 0;}
.order tr td:first-child{text-align: right; width: 105px;}
.order tr td:first-child span{color: #8d0001}
.order td{padding:5px; color: #555;}
.order td span{color:#f00;}
.order input,
.order textarea{behavior:url(pie.htc); position:relative;}

.order .order_text{border:1px solid #c1c1c1; padding:0 10px; width:300px; height:25px; line-height:25px; overflow:hidden; font-size:12px; color:#828282; font-family:inherit; border-radius:3px; box-shadow:inset 1px 1px 3px #eaeaea;}
.order .order_text:hover{border:1px solid #222;}
.order .order_text2{width: 470px; height: 80px; line-height:22px !important; padding:5px 10px !important;}

.order .order_submit{padding:0 25px; height:30px; line-height:30px; border-radius:3px; overflow:hidden; cursor:pointer; font-family:inherit; background:#56c4f5; color:#fff; border:none; font-weight: bold;}
.order .order_submit:hover{background:#56c4f5;}

@media screen and (min-width: 769px) and (max-width: 991px){
	.img_list201 li{width: 25%;}
}
@media screen and (min-width: 481px) and (max-width: 768px){
	.order td{display: block; padding: 3px 10px;}
	.order tr td:first-child{text-align: left; width:auto;}
	.order .order_text{width: 100%;}
	.order .order_text2{width: 100%;}
}
@media screen and (max-width:480px){
	.order td{display: block; padding: 3px 10px;}
	.order tr td:first-child{text-align: left; width:auto;}
	.order .order_text{width: 100%;}
	.order .order_text2{width: 100%;}
}
/*产品详细 结束*/

/*在线留言 开始*/
.message{margin-top: 30px; margin-bottom: 50px;}
.message ul{padding-right: 2%;}
.message ul li{position: relative; float: left; margin: 0 0 12px 2%; padding-left: 55px; background: #fff; width: 48%; height: 40px; line-height: 40px; border: 1px solid #e7e7e7; border-radius: 5px; overflow: hidden; behavior:url(pie.htc); }
.message ul li h2{position: absolute; left: 0px; top: 0px; color: #555; font-size: 1.16em; font-weight: normal; padding: 0 5px 0 10px;}
.message ul li span{color: #56c4f5;}
.message ul li .ly_text{width: 100%; height: 26px; line-height: 26px; font-family: "微软雅黑"; color: #888; font-size: 1em; border: none;}
.message ul li .ly_text2{clear: both; height: 90px; line-height: 22px; margin: 3px 0 0 0;}

.message ul li.con{clear: both; float: none; width: auto; height: 115px; padding: 7px 20px 10px 55px;}
.message ul li.yzm{clear: both; float: none; padding-left: 65px; width: 200px;}
.message ul .ly_submit{margin-left: 20px; width: 90px; height:32px; text-align: center; line-height: 32px; color: #fff; font-size: 14px; font-weight: bold; background: #56c4f5; border: none; border-radius: 5px; position: relative; overflow: hidden; behavior:url(pie.htc);}

@media screen and (min-width: 768px) and (max-width: 991px){
	.message ul{margin-left: -20px; padding-right: 0;}
}

@media screen and (max-width:767px){
	.message{margin-top: 15px; margin-bottom: 20px;}
	.message ul{padding-right: 0;}
	.message ul li{float: none; width: auto; margin-left: 0px; margin-bottom: 10px;}
	.message ul li h2{font-size: 1em;}
	.message ul li.con{width: auto;}
	.message ul li .ly_text2{width:100%;}
	.message ul .ly_submit{margin-left: 0px;}
}
/*在线留言 结束*/

.zp{margin-top: 25px;}
.zp > li{background: #f7f7f7; padding: 20px; margin-bottom: 30px;}
.zp > li .zp_tit{font-size: 1.83em; font-weight: normal; color: #333;}
.zp > li .zp_bz{padding: 15px 0; font-size: 1em; font-weight: normal; color: #888;}
.zp > li .zp_con{background: #fdfdfd; padding: 20px; line-height: 200%; font-size: 1.16em; color: #666;}
@media screen and (min-width: 768px) and (max-width: 991px){
	
}
@media screen and (max-width: 767px){
	.zp{margin-top:15px;}
	.zp > li{padding: 15px; margin-bottom: 15px;}
	.zp > li .zp_tit{font-size: 1.33em;}
	.zp > li .zp_bz{padding: 10px 0;}
	.zp > li .zp_con{padding: 15px; font-size: 1em;}
}


/*联系我们*/
.lxwm{overflow: hidden; margin-left: -40px; /*margin-top: 50px; margin-bottom: 50px;*/}
.lxwm li{float: left; width: 33.33%; padding-left: 40px; padding-bottom: 40px;}
.lxwm li h2{padding-bottom: 15px; font-size: 1.5em; color: #333; line-height: 1; border-bottom: 1px solid #e7e7e7;}
.lxwm li p{padding-top: 5px; line-height: 24px;}
@media screen and (min-width: 768px) and (max-width: 991px){
	.lxwm{margin-top: 30px; margin-bottom: 30px;}
	.lxwm li{width: 50%;}
	.lxwm li h2{font-size: 1.33em;}
}

@media screen and (max-width:767px){
	.lxwm{margin-left: 0px; margin-top: 20px; margin-bottom: 20px;}
	.lxwm li{float: none; width: auto; padding-left: 0; padding-bottom: 20px;}
	.lxwm li h2{padding-bottom: 10px; font-size: 1.16em;}
}
/************************************************************内页样式结束************************************************************/











/*page*/
.page{text-align:center; margin:20px 0 30px 0; border-top: 1px solid #e7e7e7; padding-top: 25px;}
.page li{display: inline-block; *display: inline; margin: 0 3px;}
.page li a{height: 29px; line-height: 29px; display: block;padding: 0 12px; border: 1px solid #dddddd; background: #fff;}
.page li a:hover{background: #56c4f5; border: 1px solid #56c4f5; color: #fff;}
.page li a.on{background: #56c4f5; border: 1px solid #56c4f5; color: #fff;}

@media screen and (min-width: 769px) and (max-width: 991px){
	.page{margin: 20px 0 25px 0; padding-top: 15px;}
}
@media screen and (min-width: 481px) and (max-width: 768px){
	.page{margin: 15px 0 25px 0;}
	.page li{margin: 0px;}
	.page li a{padding: 0 10px; height: 25px; line-height: 25px;}
}
@media screen and (max-width:480px){
	.page{margin: 10px 0 20px 0; padding-top: 15px;}
	.page li{margin: 0px;}
	.page li a{padding: 0 10px; height: 25px; line-height: 25px;}
}


.fa2{ color:#ffffff;font-family:'微软雅黑'; line-height:28px; font-size:20px; text-decoration:none;}
.fa2 a{ color:#ffffff;font-family:'微软雅黑'; line-height:28px; font-size:20px; text-decoration:none;}
.fa2 a:hover{ color:#ffffff;font-family:'微软雅黑'; line-height:28px; font-size:20px; text-decoration:none;}
.fa2 a:visited{ color:#ffffff;font-family:'微软雅黑'; line-height:28px; font-size:20px; text-decoration:none;}

.cl{ color:#ffffff;font-family:'微软雅黑'; line-height:28px; font-size:16px; text-decoration:none;}
.cl a{ color:#ffffff;font-family:'微软雅黑'; line-height:28px; font-size:16px; text-decoration:none;}
.cl a:hover{ color:#ffffff;font-family:'微软雅黑'; line-height:28px; font-size:16px; text-decoration:none;}
.cl a:visited{ color:#ffffff;font-family:'微软雅黑'; line-height:28px; font-size:16px; text-decoration:none;}